<!DOCTYPE HTML>
<html>
<head>
<title>陈可的简历</title>
<link href="css/bootstrap.css" rel='stylesheet' type='text/css' />
<script src="js/jquery.min.js"></script>
<link href="css/style.css" rel='stylesheet' type='text/css' />
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!--<link href='//fonts.googleapis.com/css?family=Asap:400,700,400italic' rel='stylesheet' type='text/css'>-->
<!--<link href='//fonts.googleapis.com/css?family=Open+Sans:400,300,600' rel='stylesheet' type='text/css'>-->
<script type="text/javascript" src="js/move-top.js"></script>
<script type="text/javascript" src="js/easing.js"></script>
	<script type="text/javascript">
			jQuery(document).ready(function($) {
				$(".scroll").click(function(event){
					event.preventDefault();
					$('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
				});
			});
	</script>

</head>
	<body>
			<!-- header -->
			<div id="home" class="header">
				<div class="container">
				<!-- top-hedader -->
				<div class="top-header">
					<!--top-nav---->
					<div class="top-nav">
					<div class="navigation">
					<div class="navigation-right">
						<span class="menu"><img src="images/menu.png" alt=" " /></span>
						<nav class="link-effect-3" id="link-effect-3">
							<ul class="nav1 nav nav-wil">
								<li class="active"><a  href="index.html">主页</a></li>
								<li><a class="scroll"  href="#about">关于我</a></li>
								<li><a class="scroll"  href="#services" >求职意向</a></li>
								<li><a class="scroll"  href="#work">工作经验</a></li>
								<!-- <li><a class="scroll"  href="#blogs">博客</a></li> -->
							</ul>
						</nav>
							<!-- script-for-menu -->
								<script>
								   $( "span.menu" ).click(function() {
									 $( "ul.nav1" ).slideToggle( 300, function() {
									 // Animation complete.
									  });
									 });
								</script>
							<!-- /script-for-menu -->
					</div>
					<div class="clearfix"></div>
				</div>
				<!-- /top-hedader -->
				</div>
			<div class="banner-info">
				<div class="col-md-7 header-right">
					<h1>您好!</h1>
					<h6>我的基本信息</h6>
					<ul class="address">
					
					<li>
							<ul class="address-text">
								<li><b>姓名</b></li>
								<li>陈可</li>
							</ul>
						</li>
						<li>
							<ul class="address-text">
								<li><b>生日</b></li>
								<li>1995-03-18</li>
							</ul>
						</li>
						<li>
							<ul class="address-text">
								<li><b>学历</b></li>
								<li>本科</li>
							</ul>
						</li>
						<li>
							<ul class="address-text">
								<li><b>毕业院校</b></li>
								<li>西藏大学</li>
							</ul>
						</li>
						<li>
							<ul class="address-text">
								<li><b>薪资要求</b></li>
								<li>5k/月</li>
							</ul>
						</li>
						<li>
							<ul class="address-text">
								<li><b>手机号码</b></li>
								<li>18140443993</li>
							</ul>
						</li>
						<li>
							<ul class="address-text">
								<li><b>住址</b></li>
								<li>英郡一期四栋一单元1303</li>
							</ul>
						</li>
						<li>
							<ul class="address-text">
								<li><b>电子邮箱</b></li>
								<li><a href="mailto:example@mail.com">961535589@qq.com</a></li>
							</ul>
						</li>
						<!--<li>-->
							<!--<ul class="address-text">-->
								<!--<li><b>WEBSITE </b></li>-->
								<!--<li><a href="http://w3layouts.com">www.myresume.com</a></li>-->
							<!--</ul>-->
						<!--</li>-->
					</ul>
				</div>
				<div class="col-md-5 header-left">
					<img src="images/img1.jpg" alt="">
				</div>
				<div class="clearfix"> </div>
						
		      </div>
			</div>
		</div>
	</div>
			<!-- about -->
			<div id="about" class="about">
				<div class="col-md-6 about-left">
					<div id="owl-demo1" class="owl-carousel owl-carousel2">
					                <div class="item">
					                	<div class="about-left-grid">
											<h2>我的 <span>教育背景</span></h2>
											<p>
												本人大学就读于西藏大学，国家"211工程"院校。<br/>
												我的专业是"预防医学",大学时期主修课程为
												生物化学、病原生物学、生理学、病理学、细胞生物学、人体解剖学、组织胚胎学、药理学。
											</p>
										</div>
					                </div>
					                <div class="item">
					                	<div class="about-left-grid">
											<h2>我的 <span>校内经历</span></h2>
											<p>
												1、大学期间参与朋友的创业项目“吻窝网“，目标是做一个“西藏本土的网络团购平台”。
												我负责平台的前端部分。尽管最后项目失败了，但是我也积累了许多经验，同时我也完成了我的第一个前端项目。<br/>
												2、参加医学院辩论大赛并获得二等奖。<br/>
												3、参加“旅游与外语学院”话剧表演赛扮演《荆轲刺秦》的荆轲并获得三等奖。
											</p>
										</div>
					               	</div>

					</div>
				</div>
				<div class="col-md-6 about-right">

				</div>
				<div class="clearfix"> </div>
							<link href="css/owl.carousel.css" rel="stylesheet">
							    <script src="js/owl.carousel.js"></script>
			<script>
				$(document).ready(function() {
					$("#owl-demo1").owlCarousel({
						items : 1,
						lazyLoad : false,
						autoPlay : true,
						navigation : false,
						navigationText :  false,
						pagination : true,
					});
				});
			</script>
			<!-- Feedback -->
			<script>
				$(document).ready(function() {
					$("#owl-demo3").owlCarousel({
						items : 1,
						lazyLoad : false,
						autoPlay : true,
						navigation : false,
						navigationText :  true,
						pagination :true,
					});
				});
			</script>
			</div>
			<!-- /about -->

			<!-- services -->
			<div id="services" class="services">
				<div class="container">
					<div class="service-head one text-center ">
						<h4>WHAT I DO</h4>
						<h3>我的 <span>求职意向</span></h3>
						<span class="border two"></span>
					</div>
					<!-- services-grids -->
					<div class="wthree_about_right_grids w3l-agile">
				<div class="col-md-6 wthree_about_right_grid col-md-offset-3">
					<div class="col-xs-4 wthree_about_right_grid_left">
						<div class="hvr-rectangle-in">
							<i class="glyphicon glyphicon-pencil"></i>
						</div>
					</div>
					<div class="col-xs-8 wthree_about_right_grid_right">
						<h4>前端工程师</h4>
						<p>
							1、掌握HTML、CSS、JavaScript、PS等基础技能<br/>
							2、熟练使用AngularJS、Bootstrap、jQuery、Hammer.JS、FrozenUI等。<br/>
							3、熟练使用Ajax、Node.js、MySQL等。
						</p>
					</div>
					<div class="clearfix"> </div>
				</div>
				<div class="clearfix"> </div>
			</div>

					<!-- services-grids -->
				</div>
			</div>
			<!-- services -->
			<!--work-experience-->
	<div id="work" class="work">
		<div class="container">
			<div class="service-head text-center">
						<h4>WHAT I DID</h4>
						<h3>我的 <span>实训经验</span></h3>
						<span class="border one"></span>
					</div>
					<div class="time-main w3l-agile">
							<div class="col-md-6 year-info">
							   <ul class="year">
								   <li>2016.11 至今</li>
								   <div class="clearfix"></div>
								</ul>
							</div> 
					            <ul class="col-md-6 timeline">
									<li>
										<div class="timeline-badge info"><i class="glyphicon glyphicon-briefcase"></i></div>
											<div class="timeline-panel">
												<div class="timeline-heading">
													<h4 class="timeline-title">四川千胜有限责任公司</h4>
												</div>
												<div class="timeline-body">
													<p>1.在公司做实训生，每天学习和掌握前端工程师的技能。</p>
													<p>2.每天完成一个小项目来巩固自己所学。</p>
													<p>3.与项目组的同事合作完成公司管理系统,我负责完成其中一个人员信息查询页面的前端制作以及使用ajax、node.js、mysql来完成查询功能。</p>
													<p>4.与项目组同事完成"穷游网"的仿制,我负责使用bootstrap等完成网站首页的制作以及注册与登录页面的制作。同时也要使用node.js/ajax/mysql等完成登录与注册的后台编写，实现数据的增删查改。</p>
												</div>
											</div>
									</li>

								</ul>
								<div class="clearfix"></div>
								</div>
						</div>
				</div>
	<!--//work-experience-->

    <!-- top-grids -->
				<!-- <div class="blog" id="blogs">
					<div class="container">
						<div class="service-head text-center">
						<h4>BLOGS</h4>
						<h3>我的 <span>博客</span></h3>
						<span class="border one"></span>
					</div>
					   <div class="news-grid w3l-agile">
					    <div class="col-md-6 news-img">
						  <a href="#" data-toggle="modal" data-target="#myModal1"> <img src="images/b1.jpg" alt=" " class="img-responsive"></a>

						</div>
					    <div class="col-md-6 news-text">
						   <h3> <a href="#" data-toggle="modal" data-target="#myModal1">请点击下方按钮查看我的个人博客</a></h3>

							<p>我的个人博客是我把自己所学和查阅到的知识相结合所写的。博客内容包含了html、css、js等内容，并且仍在更新。</p>
							<a href="http://web.cdqsedu.com/tags/陈可" data-toggle="modal"  class="read hvr-shutter-in-horizontal">点击查看博客</a>

						</div>
		
						<div class="clearfix"></div>
					 </div>

					</div>
				</div> -->
				<!-- top-grids -->


<a href="#home" id="toTop" style="display: block;"> <span id="toTopHover" style="opacity: 1;"> </span></a>
	<!--start-smooth-scrolling-->
						<script type="text/javascript">
									$(document).ready(function() {
										/*
										var defaults = {
								  			containerID: 'toTop', // fading element id
											containerHoverID: 'toTopHover', // fading element hover id
											scrollSpeed: 1200,
											easingType: 'linear' 
								 		};
										*/
										
										$().UItoTop({ easingType: 'easeOutQuart' });
										
									});
								</script>
								<!--end-smooth-scrolling-->
<!-- //for bootstrap working -->
	<script src="js/bootstrap.js"></script>
	

	</body>
</html>

